<template>
  <el-card class="content">
    <el-row>
      <el-col :span="6">
        <span>采集设备名称：</span>
        <el-input
          placeholder="请输入采集设备名称"
          style="width: 200px"
        ></el-input>
      </el-col>
      <el-col :span="6">
        <span>采集主题：</span>
        <el-select
          placeholder="请输入采集设备名称"
          style="width: 200px"
          value=""
        ></el-select>
      </el-col>
      <el-col :span="6">
        <el-button class="black-button" size="small">查询</el-button>
        <el-button class="black-button" size="small">新增</el-button>
      </el-col>
    </el-row>
    <p class="bg-purple">采集设备信息列表</p>
    <el-table :data="table_data" stripe size="small">
      <el-table-column label="设备名称" prop="equipment_name"></el-table-column>
      <el-table-column
        label="采集主题"
        prop="collection_theme"
      ></el-table-column>
      <el-table-column label="监测体" prop="monitoring_body"></el-table-column>
      <el-table-column
        label="设备生产商"
        prop="equipment_manufacturer"
      ></el-table-column>
      <el-table-column label="设备IP" prop="equipment_ip"></el-table-column>
      <el-table-column
        label="采集协议"
        prop="acquisition_agreement"
      ></el-table-column>
      <el-table-column label="服务端口" prop="server_port"></el-table-column>
      <el-table-column label="基准站" prop="base_station"></el-table-column>
      <el-table-column label="登录名" prop="loin_name"></el-table-column>
      <el-table-column label="密码" prop="password"></el-table-column>
      <el-table-column
        label="采集频率"
        prop="collection_frequency"
        width="60px"
      ></el-table-column>
      <el-table-column label="精度" prop="precision"></el-table-column>
      <el-table-column label="纬度" prop="latitude"></el-table-column>
      <el-table-column label="是否鉴权" prop="authentication"></el-table-column>
      <el-table-column label="创建时间" prop="create_time"></el-table-column>
      <el-table-column label="操作" prop="operation"></el-table-column>
    </el-table>
    <el-row type="flex" justify="end">
      <!-- <el-col :span="10"> -->
      <el-pagination background layout="prev, pager, next, jumper" :total="8">
      </el-pagination>
      <!-- </el-col> -->
    </el-row>
  </el-card>
</template>

<script>
export default {
  name: "AcquisitionEquipmentManagement_Child",
  data() {
    return {
      table_data: [
        {
          equipment_name: "北斗表面位移",
          collection_theme: "北斗监测",
          monitoring_body: "龙岩市监测点",
          equipment_manufacturer: "天宝",
          equipment_ip: "",
          acquisition_agreement: "TCP",
          server_port: "11161",
          base_station: "龙岩市基准站",
          loin_name: "JC01",
          password: "12345",
          collection_frequency: "",
          precision: "118.659293",
          latitude: "32.15663",
          authentication: "",
          create_time: "0",
          operation: "2017-05-14 00:45:08",
        },
        {
          equipment_name: "北斗表面位移",
          collection_theme: "北斗监测",
          monitoring_body: "龙岩市监测点",
          equipment_manufacturer: "天宝",
          equipment_ip: "",
          acquisition_agreement: "TCP",
          server_port: "11162",
          base_station: "龙岩市基准站",
          loin_name: "JC02",
          password: "12345",
          collection_frequency: "",
          precision: "118.659293",
          latitude: "32.156439",
          authentication: "",
          create_time: "0",
          operation: "2017-05-14 00:45:08",
        },
        {
          equipment_name: "北斗表面位移",
          collection_theme: "北斗监测",
          monitoring_body: "龙岩市监测点",
          equipment_manufacturer: "天宝",
          equipment_ip: "",
          acquisition_agreement: "TCP",
          server_port: "11163",
          base_station: "龙岩市基准站",
          loin_name: "JC03",
          password: "12345",
          collection_frequency: "",
          precision: "118.659638",
          latitude: "32.1565",
          authentication: "",
          create_time: "0",
          operation: "2017-05-14 00:46:10",
        },
        {
          equipment_name: "北斗表面位移",
          collection_theme: "北斗监测",
          monitoring_body: "龙岩市监测点",
          equipment_manufacturer: "天宝",
          equipment_ip: "",
          acquisition_agreement: "TCP",
          server_port: "11164",
          base_station: "龙岩市基准站",
          loin_name: "JC04",
          password: "12345",
          collection_frequency: "",
          precision: "118.65904",
          latitude: "32.156352",
          authentication: "",
          create_time: "0",
          operation: "2017-05-14 00:47:42",
        },
        {
          equipment_name: "北斗表面位移",
          collection_theme: "北斗监测",
          monitoring_body: "龙岩市监测点",
          equipment_manufacturer: "天宝",
          equipment_ip: "",
          acquisition_agreement: "TCP",
          server_port: "11165",
          base_station: "龙岩市基准站",
          loin_name: "JC05",
          password: "12345",
          collection_frequency: "",
          precision: "118.658361",
          latitude: "32.156082",
          authentication: "",
          create_time: "0",
          operation: "2017-05-14 00:48:10",
        },
        {
          equipment_name: "北斗表面位移",
          collection_theme: "北斗监测",
          monitoring_body: "龙岩市监测点",
          equipment_manufacturer: "天宝",
          equipment_ip: "",
          acquisition_agreement: "TCP",
          server_port: "11166",
          base_station: "龙岩市基准站",
          loin_name: "JC06",
          password: "12345",
          collection_frequency: "",
          precision: "118.657728",
          latitude: "32.155138",
          authentication: "",
          create_time: "0",
          operation: "2017-05-17 21:50:22",
        },
        {
          equipment_name: "北斗表面位移",
          collection_theme: "北斗监测",
          monitoring_body: "龙岩市监测点",
          equipment_manufacturer: "天宝",
          equipment_ip: "",
          acquisition_agreement: "TCP",
          server_port: "11167",
          base_station: "龙岩市基准站",
          loin_name: "JC07",
          password: "12345",
          collection_frequency: "",
          precision: "118.660092",
          latitude: "32.155635",
          authentication: "",
          create_time: "0",
          operation: "2017-05-17 21:49:30",
        },
      ],
    };
  },
};
</script>

<style scoped>
.content {
  height: 87vh;
}

.black-button {
  background-color: black;
  color: white;
}

.bg-purple {
  background: #d3dce6;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  padding-left: 10px;
}
.el-table::before {
  z-index: inherit;
}
</style>
